<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #header{
            width: 1050px;
            height: 245px;
            overflow: hidden;
            background-color: gainsboro;
        }
        #header .l{
            width: 330px;
            height: 225px;
            float: left;
            margin-top: 10px;
            margin-left: 10px;
        }
        #header img{
            width: 330px;
            height: 225px;
        }
        #header .r{
            width: 660px;
            height: 225px;
            float: right;
            margin-left: 10px;
            box-sizing: border-box;
        }
        #header .top{
            width: 660px;
            height: 50px;
            overflow: hidden;
        }
        #header .top .r{
            width: 95px;
            height: 30px;
            border-radius: 10px;
            border: 1px solid orange;
            float:right;
        }
        .place{
            width: 14px;
            height: 18px;
            display: inline-block;
            background:  url(./img/2.png) no-repeat 0px -50px;
            vertical-align: middle;
            background-size: 200px 200px;
        }
    </style>
</head>
<body>
    <div id="header">
        <div class="l"><img src="./img/4.png"></div>
        <div class="r">
                <h2 style="color: orange;">去茶山|杭州亲子两日游</h2>
                <p>吃春茶的季节到了。 由于爸爸妈妈爱茶，两多岁的幼崽爱爬山，于是选定了 杭州 作为清明踏青的目的地。 行程安排 去过很多次 杭州 ，不一样的是这次是亲子游，所以没有安排特别严格的特种兵行..</p>
                <p><span class="place"></span> 杭州，by <span class="right"></span>1976/2</p>
        </div>
    </div>
</body>
</html>